<template>
  <a-card id="component-card" :title="title">
    <p slot="extra">
      <slot name="time"> </slot>
    </p>
    <slot name="content">
      <a-skeleton active />
    </slot>
  </a-card>
</template>

<script>
export default {
  name: "MessageItem",
  data() {
    return {};
  },
  props: {
    title: String,
  },
};
</script>

<style lang="less" scope>
#component-card {
  border-radius: 10px;
  margin: 24px, auto;
}
</style>